<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--1. 引入vue   -->
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<!-- 2.挂载   -->
    <div id="app">
        {{message}} <!-- 取值表达式-->
<!--  v-model 双向绑定      -->
        <input type="text" v-model="message" /> <button v-on:click="clikeMe">点我</button>
    </div>

</body>
<!-- 写js的地方-->
    <script type="text/javascript">
        //3.创建VUE实例  并挂载
        new Vue({
            el:"#app",//挂载点
            data:{//数据模型
                message:'今天天气可以'
            },
            methods:{//方法
                clikeMe(){
                   //this.message="天气不是很可以";
                   console.log(this.message)
                }
            }

        })
    </script>
</html>